<template>
  <div class="editor">
    <SMenu class="ui-menu"></SMenu>
    <SDialog class="ui-dialog"></SDialog>
    <EditorHead></EditorHead>
    <EditorBody style="flex:1;"></EditorBody>
    <EditorFooter></EditorFooter>
  </div>
</template>
<script lang="ts">

import { defineComponent, onMounted } from 'vue';
import SDialog from '@/ui-kit/dialog/dialog.vue';
import SMenu from '@/ui-kit/menu/menu.vue';
import EditorBody from './body.vue';
import EditorFooter from '@/views/editor/footer.vue';
import EditorHead from '@/views/editor/head/index.vue';
import { showCreateObject, showPlugMgr } from './scene/inquirer';
import db, { DataBase } from './database';

export default defineComponent({
  components: { EditorHead, EditorFooter, EditorBody, SMenu, SDialog },
  props: {
    projectID: {
      type: String,
    },
  },
  setup(props) {
    onMounted(() => {
      // showCreateObject();
      // showPlugMgr();

      db.init();
    });
  },
});

</script>

<style scoped lang="scss">

.editor {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  display: flex;
  flex-direction: column;

  width: 100%;
  height: 100%;


  .ui-menu {
    position: absolute;
    z-index: 2;
  }

  .ui-dialog {
    position: absolute;
    z-index: 3;
  }
}
</style>
